<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="Pragma" content="no-cache"/>
    <meta http-equiv="Cache-Control" content="no-cache,must-revalidate"/>
    <meta http-equiv="Expires" content="0"/>
    <meta http-equiv="Cache" content="no-cache"/>
    <title>设备软件列表</title>
    <script type="text/javascript" th:src="@{/lib/jquery-3.3.1.js}"></script>
</head>

<body>

<div>
    <div class="versionTable">
        <div class="row" th:each="device:${versionList}">
            <div class="col">
                设备编号: <span th:text="${device.getDeviceInfo().getStation()}">1111</span><br/>
                屏幕编号: <span th:text="${device.getDeviceInfo().getDevice()}">22222</span><br/>
            </div>
            <div class="col" th:each="pack:${device.getPackages()}">
                软件包名：<span th:text="${pack.getPackageName()}"></span><br/>
                软件版本：<span th:text="${pack.getVersionName()}"></span><br/>
                版本号：<span th:text="${pack.getVersionCode()}"></span><br/>
            </div>
        </div>
    </div>
</div>
</body>


<script type="text/javascript">
    /*<![CDATA[*/


    /*]]>*/



</script>
<style type="text/css">
    .versionTable {
        display: table;
        border-collapse: separate;
        width: 95%;
        margin: auto;
        margin-top: 40px;
        text-align: center;
        border: 1px #636363 solid;
    }

    .row {
        display: table-row;
        margin-top: 20px;
        border: 1px solid #636363;
    }

    .row .col {
        display: table-cell;
        vertical-align: middle;
        width: 20%;
    }


</style>
</html>